<template>
  <div class="parent">
    <h3>父组件内容</h3>
    <!-- 将内容传送到 body 下 -->
    使用 Teleport 时，传送的内容虽然渲染位置发生变化，但完全保留与原组件的关联，样式、数据、方法等都能正常使用 ——
    可以访问原组件的数据和方法，样式也会按正常规则应用，事件也能正常向原组件冒泡。
    <Teleport to="body">
      <div class="teleport-content">
        这部分内容会被渲染到 body 中
      </div>
    </Teleport>
  </div>
</template>

<style>

</style>